import React from 'react'
import { Image } from 'react-vant';
import { ChatO } from '@react-vant/icons';
import './index.css'
import { useNavigate } from 'react-router-dom';

// 问诊图片
import Interrogation from '../../../assets/Interrogation.png'
// 答疑
import Answering from '../../../assets/Answering.png'
// 管理
import Manage from '../../../assets/Manage.png'

export default function My() {
  const navigate = useNavigate()
  return (
    <div className='my'>
      {/* 导航 */}
      <div className="nav">
        <h2>主要业务</h2>
        <ChatO className='ChatO' onClick={() => navigate('/')} />
      </div>
      <div className="main">
        {/* 问诊 */}
        <Image width='100%' height='20%' src={Interrogation} onClick={() => navigate('/')} />
        {/* 答疑 */}
        <Image width='100%' height='20%' src={Answering} onClick={() => navigate('/')} />
      </div>
      <div className="footer">
        <h2>我的信息</h2>
        <Image width='100%' height='20%' src={Manage} onClick={() => navigate('/')} />
      </div>
    </div>
  )
}
